.root{

}

.button0{
    -fx-background-color: transparent;
    -fx-background-radius: 6;
    -fx-border-radius: 6;
}

.button0:hover {
    -fx-background-color: #424242;
}





.button_border1{
    -fx-background-color: transparent;
    -fx-border-color: #756e6e;
    -fx-background-radius: 10 0 0 10;
    -fx-border-radius: 10 0 0 10;
}

.button_border2{
    -fx-background-color: transparent;
    -fx-border-color: #756e6e;
    -fx-background-radius: 0 10 10 0;
    -fx-border-radius: 0 10 10 0;
}

.button_border1:hover {
    -fx-background-color: #424242;
}

.button_border2:hover {
    -fx-background-color: #424242;
}


.radius{
    -fx-background-color: transparent;
    -fx-background-radius: 6;
    -fx-border-radius: 6;
}

.scroll-bar{
    -fx-pref-width: 12.5px;  /* 对于垂直滑条 */
    -fx-pref-height: 12.5px; /* 对于水平滑条 */

    -fx-background-color: null;
    -fx-border-color: transparent;
}

.scroll-bar .thumb {
    -fx-background-color: #A0A0A0;
}

.scroll-bar .thumb:hover {
    -fx-background-color: #706e6e;

}

.scroll-bar .track {
    -fx-background-color: #2b2b2b;
    -fx-border-color: transparent;
}

.scroll-bar .increment-button,
.scroll-bar .decrement-button {
    -fx-background-color: #272727;
    -fx-border-color: transparent;
    -fx-background-insets: 0;
    -fx-border-insets: 0;
}

 .corner {
    -fx-background-color: red; /* 修改为你想要的颜色 */
}


.context-menu {
    -fx-padding: 8 2 8 2;
    -fx-background-radius: 4;
    -fx-background-insets: 0;
    -fx-border-insets: 0;
    -fx-border-radius: 4;
    -fx-border-color: #090909;
    -fx-background-color: #272727;
    -fx-effect: dropshadow(three-pass-box, black, 10, 0, 3, 3);

}

.menu-item {
    -fx-border-width: 0;
    -fx-padding: 4 8 4 8;
    -fx-pref-height: 28;
    -fx-background-radius: 4;
}

.menu-item .label {
    -fx-text-fill: #ffffff; /* 修改为白色 */
}

.menu-item:hover, .menu-item:focused {
    -fx-background-color: rgb(155, 157, 157);
}
.menu-item:hover .label, .menu-item:focused .label{
    -fx-text-fill: #212121;
}





#left{
    -fx-background-image: url('../img/左.png');
    -fx-background-size: 100% 100%;
    -fx-background-color: transparent;
    -fx-background-radius: 15;
    -fx-border-radius: 15;
    -fx-background-position: center;

}
#left:hover {
    -fx-background-color: #424242;
}

#right{
    -fx-background-image: url('../img/右.png');
    -fx-background-size: 100% 100%;
    -fx-background-color: transparent;
    -fx-background-radius: 15;
    -fx-border-radius: 15;
}
#right:hover {
    -fx-background-color: #424242;
}

#up{
    -fx-background-image: url('../img/上.png');
    -fx-background-size: 100% 100%;
    -fx-background-color: transparent;
    -fx-background-radius: 15;
    -fx-border-radius: 15;
}
#up:hover {
    -fx-background-color: #424242;
}

#filePath{
    /*-fx-background-color: transparent;*/
    -fx-text-fill: #ffffff,202,202;
    -fx-font-size: 13;
    -fx-background-radius: 10px;
    -fx-border-radius: 10px;
    -fx-background-color: #2D2D2D;

}

#searchfield{
    /*-fx-background-color: transparent;*/
    -fx-text-fill: #ffffff,202,202;
    -fx-font-size: 13;
    -fx-background-radius: 10px;
    -fx-border-radius: 10px;
    -fx-background-color: #2D2D2D;
    -fx-border-color: transparent transparent white transparent;
}

#searchfield:focused {
    -fx-border-color: white ;
}


#mainplay{
    -fx-background-image: url('../img/播放.png');
    -fx-background-size: 100% 100%;
    -fx-background-color: transparent;
}

#freshicon{
    -fx-background-image: url('../img/刷新.png');
    -fx-background-color: transparent;
    -fx-background-size: 100% 100%;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;

}

#deleteicon{
    -fx-background-image: url('../img/删除.png');
    -fx-background-color: transparent;
    -fx-background-size: 100% 100%;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;

}

#copyicon{
    -fx-background-image: url('../img/复制.png');
    -fx-background-color: transparent;
    -fx-background-size: 100% 100%;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
}

#pasteicon{
    -fx-background-image: url('../img/粘贴.png');
    -fx-background-color: transparent;
    -fx-background-size: 100% 100%;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
}


#bigger{
    -fx-background-image: url('../img/扩大.png');
    -fx-background-size: 100% 100%;
    -fx-background-color: transparent;

}

#smaller{
     -fx-background-image: url('../img/缩小.png');
     -fx-background-size: 100% 100%;
     -fx-background-color: transparent;

 }

.rounded-borderpane {
    -fx-background-radius: 10px;
    -fx-border-radius: 10px;
    /*-fx-border-color: transparent;*/

}


#scrollPane:focused {
    -fx-focus-color: transparent;

}



#scrollPane {
    -fx-focus-color: transparent;
    -fx-border-color: transparent;
    -fx-background-color: #272727;

}
#scrollPane .scroll-bar {
    -fx-pref-width: 15px;  /* 对于垂直滑条 */
}


.stacked-pane .corner {
    -fx-background-color: null;
}



#scrollPane .viewport{
    -fx-border-color: transparent;
    -fx-background-color: #272727;
    -fx-background-insets: 0;
    -fx-border-insets: 0;
}

.root-Item {
    -fx-background-radius: 10px 10px 0 0;
    -fx-border-radius: 10px 10px 0 0;
}

.lastItem {
    -fx-background-radius: 0 0 10px 10px;
    -fx-border-radius: 0 0 10px 10px;
}

#mainBorder{
    -fx-background-color: #202020;
}

#catalog{
    /*-fx-background-color: #202020;*/
    -fx-background-color:  #202020;

}

#catalog .corner{

    -fx-background-color:  null;

}

.tree-cell {
    -fx-background-color: #202020;
}

#attribute{
    -fx-text-fill: #d7d3d3;
}

.deleteItemAlert {
    -fx-background-color: #333333; /* 对话框的背景颜色 */
    -fx-text-fill: #ffffff; /* 对话框中文字的颜色 */
    -fx-font-size: 14px; /* 对话框中文字的字体大小 */
    -fx-border-color: #444444; /* 对话框边框颜色 */
    -fx-border-width: 1; /* 对话框边框宽度 */
    -fx-padding: 10 0 20 0; /* 调整底部内边距，为按钮留出空间 */
}

.deleteItemAlert .label {
    -fx-text-fill: #ffffff; /* 设置标签（即对话框文本）的文字颜色 */
}

.deleteItemAlert .button {
    -fx-background-color: #444444; /* 按钮的背景颜色 */
    -fx-text-fill: #ffffff; /* 按钮文字的颜色 */
    -fx-font-size: 14px; /* 按钮文字的字体大小 */
    -fx-padding: 5; /* 按钮内边距 */

}

.deleteItemAlert .button.button-yes {
    -fx-background-color: #0a4ba8; /* YES按钮的背景颜色 */
}

.deleteItemAlert .button-container {
    -fx-alignment: center-right; /* 按钮容器对齐方式 */
    -fx-spacing: 10; /* 按钮间距 */
}

.arenameDialog {
    -fx-background-color: #333333; /* 对话框的背景颜色 */
    -fx-text-fill: #ffffff; /* 对话框中文字的颜色 */
    -fx-font-size: 14px; /* 对话框中文字的字体大小 */
    -fx-border-color: #444444; /* 对话框边框颜色 */
    -fx-border-width: 1; /* 对话框边框宽度 */
    -fx-padding: 10 0 20 0; /* 调整底部内边距，为按钮留出空间 */
}

.arenameDialog .label {
    -fx-text-fill: #ffffff; /* 设置标签（即对话框文本）的文字颜色 */
}

.arenameDialog .text-field {
    -fx-background-color: #757373; /* 输入框的背景颜色 */
    -fx-text-fill: #ffffff; /* 输入框文字的颜色 */
    -fx-font-size: 14px; /* 输入框文字的字体大小 */
}

.arenameDialog .button {
    -fx-background-color: #545454; /* 按钮的背景颜色 */
    -fx-text-fill: #ffffff; /* 按钮文字的颜色 */
    -fx-font-size: 14px; /* 按钮文字的字体大小 */
}

.arenameDialog .button-ok {
    -fx-background-color: #0a4ba8; /* "OK"按钮的背景颜色 */
}

